<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1.0">
<title>我的作品</title>
<link rel=icon href="img/favicon.ico">
<script src="https://sp.wit-learn.com/lib/jquery/1.11.3/jquery.js"></script>
</head>
<body style="background-color:#EDF1F7;">
<div id="workList" style="width:97%;text-align: center;margin: 0 auto;">

</div>

<script type="text/javascript">
    $(function(){
        var work_list = [ 
                            {'proId':'2daec54bfb10fe90a1d99ac9b868dae7','name':'坦克大战'},
                            {'proId':'9ac4ec8b-0b3c-4184-be54-c05762e82d64','name':'小猫二连跳'},
                            {'proId':'9f713fa5-9311-4303-a832-c3134caae785','name':'龟兔赛跑故事绘本'},
                            {'proId':'69df83bfe400800f3a11275a8bd9f588','name':'曲线小车'},
                            {'proId':'73d59cf5b669176903708e0a3c8fa560','name':'粪斗甲壳虫'},
                            {'proId':'379a5952-86c6-444b-8951-d4f7eddf1c34','name':'小优走山洞'},
                            {'proId':'201810121449','name':'投篮游戏'},
                            {'proId':'a1835d811fbeec7e52fb8620f820951e','name':'画迷宫'},
                            {'proId':'f3bcaa22-f38a-49cf-adbc-7495fecf1c34','name':'消灭细菌'},
                            {'proId':'f034de8c-d362-4f93-8dab-eec23905d2b5','name':'药水瓶'},
                            {'proId':'fbccee77-6057-4008-9d74-4f40591c2984','name':'闪电小优'},
                            {'proId':'d037099d-8d62-4dce-9eca-a59333df3ef0','name':'按键w移动'}
                        ];

        $("#workList").empty();
        $.each(work_list,function(index,value){
            //alert(index+"..."+value);
            var obj = value;

            var listInfo = "<div style='width:45%;max-width:150px;height:210px;float:left;text-align:center;margin-left:10px;border:1px solid silver;margin-top:5px;background-color:#ffffff;border-radius: 6px;padding:0px;' onclick=workdetail('"+obj.proId+"')>";
            listInfo += "<div style='width:100%;height:180px;'>";
            listInfo += "<img src='img/carton1.png' style='width: 100%;height: 100%;'/>";
            listInfo += "</div>";
            listInfo += "<div style='width:100%;height:30px;word-wrap:break-word;line-height:30px;'><span>"+obj.name+"</span></div>";
            listInfo += "</div>";

            $("#workList").append(listInfo);


            // listInfo += "<a href='http://localhost/subProg/scratchHtml5Demo/scratch-html5/index.html?proId="+ value +"'>"+ value +"</a>";
        });
    });

    function workdetail(projectId){
        //alert(projectId);https://wx.wit-learn.com
        window.location.href = 'http://localhost/subProg/Sulfurous-master/index.html?proId='+projectId;
        //window.location.href = 'https://wx.wit-learn.com/subProg/Sulfurous-master/index.html?proId='+projectId;
        //window.location.href = 'http://www.kwfuture.cn/subApps/Sulfurous-master/index.html?proId='+projectId;
    }
</script>
</body>
</html>

